<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>结婚5年我才看透：婚姻里最毒的不是出轨，是他总说"你应该"</title>
    <link rel="stylesheet" href="../css/all.min.css">
    <script src="../js/html2canvas.min.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: -apple-system, BlinkMacSystemFont, 'MyFont', Roboto, Helvetica, Arial, sans-serif;
        }
        @font-face {
            font-family: 'MyFont';
            src: url('../font/MyFont-Regular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
        @media (max-width: 600px) {
            h1 {
                font-size: 24px !important;
            }
            div[style*="padding: 35px 30px"] {
                padding: 25px 20px !important;
                border-radius: 12px !important;
            }
            p[style*="font-size: 17px"] {
                font-size: 16px !important;
            }
            /* 移动端隐藏右侧按钮组 */
            .tool-btn-group {
                display: none !important;
            }
        }
        /* 工具按钮组样式 */
        .tool-btn-group {
            position: fixed;
            right: 30px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 9999;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        .tool-btn {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: none;
            background: linear-gradient(to right, #e66465, #9198e5);
            color: white;
            font-size: 14px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 10px rgba(0,0,0,0.15);
            transition: all 0.3s ease;
        }
        .tool-btn:hover {
            transform: scale(1.1);
            box-shadow: 0 6px 15px rgba(0,0,0,0.2);
        }
    </style>
</head>
<body style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background: linear-gradient(135deg, #f5f7fa 0%, #fafafa 100%); color: #333; line-height: 1.8; padding-bottom: 50px; min-height: 100vh;">
    <div class="tool-btn-group">
        <button class="tool-btn" id="font-enlarge"><i class="fas fa-search-plus"></i></button>
        <button class="tool-btn" id="font-reduce"><i class="fas fa-search-minus"></i></button>
        <button class="tool-btn" id="export-image"><i class="fas fa-file-export"></i></button>
    </div>

    <div style="max-width: 680px; margin: 0 auto; padding: 0 16px;" id="content-container">
        <div style="background-color: #fff; border-radius: 16px; box-shadow: 0 8px 30px rgba(0,0,0,0.08); margin-top: 30px; padding: 35px 30px; position: relative; overflow: hidden;">
            <div style="content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(to right, #e66465, #9198e5);"></div>
            
            <div style="font-size: 28px; color: #222; line-height: 1.4; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; position: relative;">
                结婚5年我才看透：婚姻里最毒的不是出轨，是他总说"你应该"
                <div style="content: ''; position: absolute; bottom: -1px; left: 0; width: 80px; height: 3px; background: linear-gradient(to right, #e66465, #9198e5); border-radius: 3px;"></div>
            </div>
            
            <div>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">他妈来住的第三天，他跟我说：</p>
                
                <div style="background-color: #f8f9fc; padding: 0 0 0 15px; border-radius: 12px; margin: 20px 0; border-left: 3px solid #9198e5;">
                    <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">"你应该多陪我妈聊天，</p>
                    <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">别总抱着手机。"</p>
                </div>

                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">我加班到晚上9点，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">进门他第一句是：</p>
                
                <div style="background-color: #f8f9fc; padding: 0 0 0 15px; border-radius: 12px; margin: 20px 0; border-left: 3px solid #9198e5;">
                    <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">"你应该早点回来，我还没吃饭。"</p>
                </div>

                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">我给孩子买了条新裙子，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">他皱着眉说：</p>
                
                <div style="background-color: #f8f9fc; padding: 0 0 0 15px; border-radius: 12px; margin: 20px 0; border-left: 3px solid #9198e5;">
                    <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">"你应该买耐脏的，白色不好洗。"</p>
                </div>

                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">那天我蹲在衣柜前叠衣服，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">他又说"你应该把袜子和内衣分开放"，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">我突然把衣服一扔，哭了。</p>

                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">我不是不会聊天、不会做饭，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">也不是不知道白色不耐脏，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">我只是累了，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">不想连喘口气都要听"你应该"。</p>

                <div style="background: linear-gradient(to right, #fef5f5, #f9f9ff); border-left: 4px solid #e66465; padding: 0 5px 0 5px; margin: 30px 0; border-radius: 0 12px 12px 0; position: relative; box-shadow: 0 4px 10px rgba(0,0,0,0.03);">
                    <div style="content: ''; position: absolute; top: -20px; left: 10px; font-size: 80px; color: #e66465; opacity: 0.1; font-family: Georgia, serif;"></div>
                    <p style="color: #555; margin-bottom: 0; font-size: 18px; line-height: 1.7; position: relative; z-index: 1;">婚姻里最窒息的，从不是没钱没房，是你明明在付出，却总被要求"该做得更好"。</p>
                </div>

                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">刚结婚时他不是这样的。</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">我第一次做饭糊了，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">他笑着说"没事，我爱吃糊的"；</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">我忘了给花浇水，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">他说"正好，我来浇，花跟我亲"。</p>

                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">什么时候开始，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">他眼里全是"我应该"？</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">我应该是好妻子、好儿媳、好妈妈，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">唯独不是"我自己"。</p>

                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">闺蜜小雅上周离婚了，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">原因是她老公总说"你应该"。</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">小雅想辞职做自媒体，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">他说"你应该好好上班，自媒体不稳定"；</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">小雅想跟朋友去旅游，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">他说"你应该在家陪孩子，当妈的哪能总往外跑"。</p>

                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">小雅说："我忍了3年，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">他从来没问过我'你想不想'，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">只知道说'你应该'。</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">我不是他的附属品，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">我也有自己想做的事啊。"</p>

                <div style="height: 1px; background: linear-gradient(to right, transparent, #e66465, transparent); margin: 35px 0;"></div>

                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">我突然明白，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">那些把婚姻过成牢笼的，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">从来不是没钱、没爱，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">是对方总用"你应该"绑架你，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">逼你活成他想要的样子。</p>

                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">昨天我跟老公谈了，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">我说："以后别总说'你应该'，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">问我一句'你想怎么样'，好吗？"</p>

                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">他愣了半天，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">然后抱着我说："对不起，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">我以为我是为你好，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">却忘了问你想不想要。"</p>

                <div style="background: linear-gradient(to right, #fef5f5, #f9f9ff); border-left: 4px solid #e66465; padding: 0 5px 0 5px; margin: 30px 0; border-radius: 0 12px 12px 0; position: relative; box-shadow: 0 4px 10px rgba(0,0,0,0.03);">
                    <div style="content: ''; position: absolute; top: -20px; left: 10px; font-size: 80px; color: #e66465; opacity: 0.1; font-family: Georgia, serif;"></div>
                    <p style="color: #555; margin-bottom: 0; font-size: 18px; line-height: 1.7; position: relative; z-index: 1;">好的婚姻从不是"我教你怎么做"，而是"我陪你一起做"；不是"你应该如何"，而是"你喜欢就好"。</p>
                </div>

                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">其实好的婚姻很简单，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">不是"你应该这样"，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">是"我知道你想那样，我支持你"；</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">不是"你该做什么"，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">是"你累了就歇会儿，我来做"。</p>

                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">没有谁天生就"应该"做什么，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">妻子不该天生就该做家务，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">妈妈不该天生就该牺牲自己，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">婚姻是两个人一起，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">把"你应该"变成"我们一起"。</p>

                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">如果你家那位也总说"你应该"，</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">别憋着，跟他说：</p>
                <p style="font-size: 17px; margin-bottom: 22px; text-align: left; color: #444;">"我不是'应该'，我是'愿意'，</p>
                <p style="font-size: 17px;text-align: left; color: #e66465; background-color: rgba(230, 100, 101, 0.05);padding: 10px 5px 10px 5px; border-radius: 4px;">但前提是，你懂我的愿意。"</p>
            </div>
        </div>
    </div>

    <script>
        let baseFontSize = 17;
        const contentParagraphs = document.querySelectorAll('p[style*="font-size: 17px"], p[style*="font-size: 18px"]');
        const contentContainer = document.getElementById('content-container');

        document.getElementById('font-enlarge').addEventListener('click', function() {
            if (baseFontSize < 54) {
                baseFontSize += 1;
                updateFontSize();
            }
        });

        document.getElementById('font-reduce').addEventListener('click', function() {
            if (baseFontSize > 12) {
                baseFontSize -= 1;
                updateFontSize();
            }
        });

        function updateFontSize() {
            contentParagraphs.forEach(paragraph => {
                const originalStyle = paragraph.getAttribute('style');
                const newStyle = originalStyle.replace(/font-size: \d+px/g, `font-size: ${baseFontSize}px`);
                paragraph.setAttribute('style', newStyle);
            });
        }

        document.getElementById('export-image').addEventListener('click', function() {
            this.textContent = "导出中...";
            this.disabled = true;

            html2canvas(contentContainer, {
                scale: 2, 
                useCORS: true, 
                logging: false,
                backgroundColor: null
            }).then(canvas => {
                const link = document.createElement('a');
                link.download = "婚姻里的你应该_文章长图.png";
                link.href = canvas.toDataURL('image/png');
                link.click();

                this.textContent = "一键导出长图";
                this.disabled = false;
            }).catch(err => {
                console.error('导出失败：', err);
                alert('长图导出失败，请重试！');
                this.textContent = "一键导出长图";
                this.disabled = false;
            });
        });
    </script>
</body>
</html>